<template>
    <div listershu="listershuju" v-if="listershuju.length">
        <van-tabs v-model="active" title-active-color="#ea413c" line-width="0" title-style="height:50px">
            <van-tab title="商品详情" v-html="listershuju[0]">listershuju[0]</van-tab>
            <van-tab title="详细参数" v-if="listershuju[1] !== ''" v-html="listershuju[1]">listershuju[1]</van-tab>
        </van-tabs>
    </div>
</template>
<script>
import Vue from 'vue'
import { Tab, Tabs } from 'vant'

Vue.use(Tab)
Vue.use(Tabs)
export default {
  data () {
    return {
      active: 0
    }
  },
  props: ['listershuju'],
  mounted () {

  }
}
</script>
<style lang="scss" scoped>
    ul{
        display: flex;
        .lisa{
            text-align: center;
            flex: 1;
            color: #ea413c;
            line-height: 50px;
            height: 50px;
        }
    }
</style>
